
<template>
	<view class="huicontainer">
		<view class="h50"></view>
			<view class="money_box">
								   <view class="money_left">
									   <view>
									   		<fa-icon type="database" size="16" color="#ffdd00"></fa-icon>
									   		<text class="text">佣金:</text>
									   		<text class="money">¥{{user.Money || 0}}</text>
									   </view>
								   </view>
								   <view class="money_right">
									   <button type="primary" @click="showMoney()" size="mini">提现</button>
								   </view>
			</view>
		  
		 <view class="radius-box">
		  <uni-list class="list-mini" :border="false">
			  <uni-list-item show-extra-icon="true" clickable showArrow to="../my/users" :extra-icon="icons.staff" title="我的会员" />
		  </uni-list>
		 </view>
		  
	</view>

</template>
<script>
	export default {
		data() {
			return {
				user:{picture:'/static/head.jpg'},
				icons:{
					staff:{
						color: '#ffdd00',
						size: '22',
						type: 'staff-filled'
					},
					scan:{
						color: '#ffdd00',
						size: '22',
						type: 'scan'
					}
				}
			    }
		},
		onLoad() {
			this.user=this.$storage.getJson('user');
			this.getinfo()
		},
		onShow(){
		},
		mounted() {
		},
		methods: {
			
			getinfo(){
				this.$request.postU(this.$api.user.info).then(res=>{
					this.user=res.data;
					this.$storage.setJson('user',res.data);
				});
			},
			showMoney(){
				uni.showModal({
					title: '提示',
					content: "提现功能即将开放，敬请期待！",
					showCancel: false
				})
			}
		}
	}
</script>

<style>
	page {
	    background-color: #272727;
	}
	.huicolor{ font-size: 26rpx;}
	.user_title{ font-size: 26rpx; margin: 30rpx 20rpx 0 40rpx;}
	.infolist-box{ position: relative;}
	.round{position: absolute; left: 220rpx; background-color: #FF0000; bottom: 80rpx; width: 15rpx;height: 15rpx; border-radius: 50%;}
	.head_bg{ position: absolute; width: 100%;  z-index: 1; top: -300rpx;left: 0;} 
	.head_name{ padding-top: 50rpx;color: #fff;}
	.head{position: absolute; top: 0;left: 0;z-index: 10; width: 100%; box-sizing: border-box; padding: 0 50rpx; }
	
	.user_info{ border-radius: 15rpx; box-shadow: 2px 2px 5px #ccc; font-size: 28rpx; background: #fff; margin-top: 40rpx;}
	.user_head{min-height: 180rpx; padding: 30rpx; overflow: hidden;}
	.user_head .img{ float: left; width: 150rpx;height: 150rpx; border-radius: 50%;}
	.user_head .job{ color: #999;}
	.user_head .name{ float: left; margin-left: 30rpx; padding:30rpx 0 0 0;}
	.user_info .dname{  padding: 30rpx 0 0 50rpx; border-top: 1px solid #eee; height: 80rpx;line-height: 50rpx; margin: 0 30rpx; color: #666;}
	
	.grid-item-box {
			flex: 1;
			/* position: relative;
	*/
			/* #ifndef APP-NVUE */
			display: flex;
			/* #endif */
			flex-direction: column;
			align-items: center;
			justify-content: center;
			padding: 15px 0;
		}
	.grid-item-box .txt{ color: #666;}
	
	.money_box{ border-radius: 15rpx; font-size: 28rpx;background-color: rgb(56,63,67); margin-top: 0rpx; margin-left: 50rpx; margin-right: 50rpx; margin-bottom: 40rpx; overflow: hidden; padding:20rpx 40rpx;}
	.money_left{float: left; width: 65%;padding-top: 25rpx;}
	.money_left .text{ width: 150rpx; display: inline-block; margin-left: 10rpx;color: #fff; }
	.money_right{float: right; width: 35%; padding-top: 30rpx;}
	.money_info{ color: #fff; text-align: center; padding: 30rpx 0;font-size: 40rpx;}
	.money_info .t{ margin-bottom: 10rpx;font-size: 40rpx;}
	.money_info text{ font-size: 80rpx; color: #fff;}
	.money_to{color: #fff; text-align: center; width: 60%;margin: 0 auto;}
	.moneyy{ float: left;}
	.money{ font-size: 36rpx; color: #ffdd00;}
	

</style>
